@use '@angular/material' as mat;

$mat-app-primary: mat.define-palette(mat.$indigo-palette);
$mat-app-accent: mat.define-palette(mat.$amber-palette);

$mat-app-theme: mat.define-light-theme((
  color: (
    primary: $mat-app-primary,
    accent: $mat-app-accent,
  ),
  typography: mat.define-typography-config(),
  density: 0,
));

@function mat-theme-color($type: primary, $hue: default) {
  $color: map-get($mat-app-theme, $type);
  @return mat.get-color-from-palette($color, $hue);
}

@mixin code() {
  background: rgba(0, 0, 0, 0.03);
  padding: 3px;
  font-family: 'Roboto Mono',monospace;
}
